آموزش کامل Vue.js 3 (Inc. Composition API، Vue Router، Vuex) [ویدئو]

سرفصل ها و درس ها

معرفی دوره Course Introduction

• معرفی Introduction

• راه اندازی Setting Up

• اولین برنامه Vue.js شما Your First Vue.js App

• افزودن یک ویژگی الگو Adding a Template Property

• تعامل کاربر با متدها User Interactions with Methods

• Flow را با v-if و v-else کنترل کنید Control Flow with v-if and v-else

• حلقه ها با v-for Loops with v-for

• ویژگی های محاسبه شده Computed Properties

• کلاس بندی Class Bindings

• اعتبار سنجی ورودی Input Validation

• مدل v شگفت انگیز The Amazing v-model

• اولین جزء شما Your First Component

• لوازم جانبی Component Props

• ارتباط کودک و والدین با رویدادها Child-Parent Communication with Events

پروژه 1: فرم ثبت نام کاربر با اعتبارسنجی Project 1: User Sign-up Form with Validation

• پروژه 1: فرم ثبت نام کاربر با مقدمه اعتبار سنجی Project 1: User Sign-up Form w/ Validation Introduction

• اجزای فایل منفرد Single File Components

• یک جزء دکمه سفارشی A Custom Button Component

• مبانی ورودی سفارشی Custom Input Foundations

• اعتبار سنجی پویا Dynamic Validation

• بازاندیشی در وضعیت فرم Rethinking the Form State

• اعتبار سنجی فرم Validating the Form

• ارسال فرم و تکمیل Submitting the Form and Finishing Up

پروژه 2: تکامل پوکمون Project 2: Pokémon Evolutions

• Project 2: Pokémon Evolutions معرفی Project 2: Pokémon Evolutions Introduction

• ایجاد پایه های کارت Creating the Card Foundations

• بارگیری داده های راه دور با Fetch Loading Remote Data with Fetch

• واکشی چندین منبع داده Fetching Multiple Data Sources

• قلاب چرخه حیات Lifecycle Hooks

• ارائه محتوا Rendering Content

• اجزای مدولار با اسلات Modular Components with Slots

• استفاده مجدد از کد برای واکشی Evolutions Reusing Code to Fetch Evolutions

• سبک های بهتر با کلاس بندی Better Styles with Class Bindings

• جداسازی منطق کسب و کار و اجزای ارائه Separating Business Logic and Presentation Components

اصول ترکیب بندی Composition Fundamentals

• مقدمه مبانی ترکیب Composition Fundamentals Introduction

• سلام، Composition API! Hello, Composition API!

• واکنش پذیری با رفر Reactivity with ref

• واکنش پذیر برای مقادیر پیچیده Reactive for Complex Values

• نوشتن ویژگی های محاسبه شده Composing Computed Properties

• افکت تماشا و تماشا Watch and Watch Effect

• قبل و بعد با Watch Before and After with Watch

• UseNumbers Composable The useNumbers Composable

• کتابخانه منبع باز: Vue Use Open-Source Library: Vue Use

پروژه 3: ساخت یک میکروبلاگ Project 3: Composing a Microblog

• پروژه 3: میکروبلاگ (با Composition API) Project 3: Microblog (with the Composition API)

• ایجاد فروشگاه میکروبلاگ Creating the Microblog Store

• رندر پست ها با کامپوننت کارت Render Posts with the Card Component

• جزء هشتگ The Hashtag Component

• انتشار رویدادها با Composition API Emitting Events with the Composition API

• فیلتر کردن پست ها با محاسبه Filtering Posts with Computed

• بازسازی با پست استور Refactoring with the Posts Store

• لایک کردن یک پست Liking a Post

• جستجو برای هشتگ Searching for Hashtags

• Refactor و تمرینات ذهنی Mind Blowing Refactor and Exercises

اصول روتر Vue Vue Router Fundamentals

• اصول روتر Vue Vue Router Fundamentals

• سلام روتر Vue Hello Vue Router

• مولفه پیوند روتر The Router Link component

• کودکان و مسیرهای تودرتو Children and Nested Routes

• Route Params با Composition API Route Params with the Composition API

• مسیر پست جدید New Post Route

• فرم پست جدید New Post Form

• usePosts Composable usePosts Composable

• تغییر مسیر با روتر Vue Redirects with Vue Router

• Options API Refactor Options API Refactor

Vuex Fundamentals Vuex Fundamentals

• آشنایی با Vuex Introduction to Vuex

• یک فروشگاه و ایالت Vuex ایجاد کنید Create a Vuex Store and State

• به روز رسانی حالت با جهش Updating State with Mutations

• بیشتر در مورد جهش More on Mutations

• عملیات اعزام Dispatching Actions

• مسخره کردن سرور و واکشی پست ها Mocking the Server and Fetching Posts

• نمایش پست فعلی Showing the Current Post

• Vuex Getters Vuex Getters

• مقیاس بندی Vuex با ماژول ها Scaling Vuex with Modules

• Options API Refactor Options API Refactor

پروژه 4: پروژه Capstone Project 4: Capstone Project

• مقدمه ای بر پروژه Capstone Introduction to the Capstone Project

• راه اندازی Vuex Setting Up Vuex

• طرح بندی های قابل استفاده مجدد Reusable Layouts

• واکشی آلبوم ها با Fetch Fetching Albums with Fetch

• جریان کار واکشی داده با Vuex Data Fetching Workflow with Vuex

• ایجاد کامپوننت آلبوم Creating the Album Component

• واکشی هزاران عکس Fetching Thousands of Photos

• اضافه کردن مسیریابی Adding Routing

• مسیریابی بهبود یافته Improved Routing

• مسیریابی با لینک روتر Routing with Router Link

• WatchEffect و پارامترهای مسیریابی watchEffect and Routing Params

• Vuex Level Caching برای عملکرد بهتر Vuex Level Caching for Better Performance

• کلمات جدایی و توصیه ها Parting Words and Recommendations